@tailwind base;
@tailwind components;
@tailwind utilities;

/* 自定义样式 */
@layer base {
  body {
    @apply bg-gradient-to-br from-blue-50 to-purple-50 min-h-screen;
  }
}

@layer components {
  .story-card {
    @apply bg-white rounded-xl shadow-lg p-6 hover:shadow-xl transition-shadow duration-300;
  }
  
  .story-text {
    @apply font-story text-lg leading-relaxed text-gray-800;
  }
  
  .story-title {
    @apply font-display text-2xl font-bold text-primary-600 mb-4;
  }
  
  .btn-primary {
    @apply bg-primary-500 hover:bg-primary-600 text-white font-semibold py-3 px-6 rounded-lg transition-colors duration-200;
  }
  
  .btn-secondary {
    @apply bg-gray-100 hover:bg-gray-200 text-gray-700 font-semibold py-3 px-6 rounded-lg transition-colors duration-200;
  }
} 